<!--
 * @Author: th
 * @Date: 2022-02-22 16:45:58
 * @LastEditTime: 2022-02-23 11:23:33
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \gitCK\网易严选\html\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" href="../css/wyyx.css">
    <!--引入字体图标-->
    <link rel="stylesheet" href="../css/font/demo_index.html">
    <link rel="stylesheet" href="../css/font/iconfont.css">
</head>
<body>
    <!--header-->
    <div class="header">
        <!--top-->
        <div class="top">
            <!--固定显示内容-->
            <div class="wapper">
                <div class="left">
                    <i class="iconfont">&#xe65d;</i>
                   <a href="">
                    因事件（疫情、特大风暴、台风）影响，部分地区无法配送
                   </a> 
                </div>
                <div class="right">
                    <div>
                        <a href="">登录注册</a>
                    </div>
                    <div><a href="">
                        我的订单</a>
                    </div>
                    <div>
                        <a href="">会员</a>
                    </div>
                    <div>
                        <a href="">甄选家</a>
                    </div>
                    <div>
                        <a href="">企业采购</a>
                        <i class="iconfont">&#xe62d;</i>
                    </div>
                    <div>
                        <a href="">客户服务</a>
                        <i class="iconfont">&#xe62d;</i>
                    </div>
                    <div>
                        <i class="iconfont">&#xe602;</i>
                        <a href="">APP</a> 
                    </div>  
                </div>
            </div>
            <!--固定显示结束-->
        </div>
        <!--top 结束-->
        <!--bottom-->
        <div class="bottom">
            <div class="wapper">
                <!--search-->
                 <div class="search">
                    <div class="logo">
                        <img src="../img/logo.png" alt="">
                    </div>
                    <div class="sousuo">
                        <div>
                            <div class="top">
                                <i class="iconfont
                                icon-sousuo"></i>
                                <input type="text"><span class="but_text">搜索</span>
                            </div>
                            <div class="search_bottom">
                                <a href="">七夕礼物</a>
                            </div>
                        </div>
                    </div>
                    <div class="shopcar">
                        <div class="car">
                            <i class="iconfont
                            icon-gouwuchekong"></i>
                            <span>购物车</span>
                        </div>
                    </div>
                 </div>
                 <!--search结束-->
                 <!--menu-->
                 <div class="menu">

                 </div>
                 <!--menu结束-->
            </div>
        </div>
        <!--bottom结束-->
    </div>
    <!--header结束-->
    <!--content-->
    <div class="content">

    </div>
    <!--content结束-->
    <!--footer-->
    <div class="fotter">
                
    </div>
    <!--footer结束-->
</body>
</html>